.dp-handler {
    display:inline-block;padding-right:24px;height:24px;line-height:24px;
    background: #fff no-repeat;
    background-position-x: right;
    background-position-y: center;
    cursor:pointer;
    border:1px solid #ccc;
    padding-left:5px;
}
.dp-panel {position:absolute;border-collapse:collapse;z-index:999;display:none;}
.dp-cell {border-collapse:collapse;}
.dp-header {
    border:1px solid #ccc;border-bottom:none;white-space: nowrap;
    padding-right:24px;height:24px;line-height:24px;
    background: #fff no-repeat;
    background-position-x: right;
    background-position-y: center;
    cursor:pointer;
    padding-left:5px;
}
.dp-header-side {background-color: transparent;border-bottom:1px solid #ccc;/*width:100%*/}
.dp-body {background-color:#fff;padding:0;border:1px solid #ccc; border-top:none;}
.dp-handler-closed {
    background-image:url(images/down-arrow.png);
}
.dp-handler-opened {
    background-image:url(images/up-arrow.png);
}
.dp-container {padding:10px;overflow:hidden}
.dp-item {display:block;float:left;margin-right:10px;border:1px solid #ccc; padding:2px 10px;}
.dp-item:hover {background-color:orange;color:#fff;}